<%= turbo_frame_tag @card, :columns do %>
  <div class="card__stages" role="radiogroup">
    <legend class="for-screen-reader">Choose a column for this card</legend>

    <%= button_to "Not now", card_not_now_path(@card),
        class: [ "card__column-name btn", { "card__column-name--current": @card.postponed? } ],
        style: "--column-color: var(--color-card-complete)",
        role: "radio",
        aria: { checked: @card.postponed? },
        form_class: "flex align-center gap-half" %>

    <%= button_to "Maybe?", card_triage_path(@card), method: :delete,
        class: [ "card__column-name card__column-name--stream btn", { "card__column-name--current": @card.awaiting_triage? } ],
          style: "--column-color: var(--color-card-default)",
        role: "radio",
        aria: { checked: @card.awaiting_triage? },
        form_class: "flex align-center gap-half" %>

    <% @columns.each do |column| %>
      <%= button_to_set_column @card, column %>
    <% end %>

    <%= button_to "Done", card_closure_path(@card),
        class: [ "card__column-name btn", { "card__column-name--current": @card.closed? } ],
        style: "--column-color: var(--color-card-complete)",
        role: "radio",
        aria: { checked: @card.closed? },
        form_class: "flex align-center gap-half" %>
  </div>
<% end %>
